<style>
<!--

.map-ul{
   margin: 5px 10px 5px 10px;
   padding: 0px;
}
.map-ul li{
	list-style: none;
	float:left;
	padding: 5px;
	cursor:pointer;
}

.map-ul li{
	list-style: none;
	float:left;
	text-align: center;
	padding:2px;
	color: hsla(0,0%,100%,.8);
	width: 85px;
	height: 120px;
}

.map-ul li img{
    width:80px;
    height:80px;
    border-radius: 2px;
}

.map-ul li span{
	display: block;
	transform: scale(.84);
    font-family: Arial;
    text-align: center;
    margin: 5px 0 0 0;
    margin-top: 5px;
    padding: 0 2px;
    border-radius: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.map-selected img{
	border: 1px solid #fc8d2a;
}

.map-selected span{
	color: #fc8d2a;
}

-->
</style>
<ul class="map-ul">
#if(maps)
	#for(map:maps)
		<li title="#(map?map.name:'')"  id="#(map?map.id:'')" type="#(map?map.type:'')">
			<img alt="" src="#(ctx)/assets/images/baseMap01.png" >
			<span>#(map?map.name:"")</span>
		</li>	
	#end
#end
</ul>